<!DOCTYPE html>
<html lang="en" xmlns:wb="http://open.weibo.com/wb">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="baidu-site-verification" content="MCykuGqiPQ" />
    <meta name="keywords" content="Dendy's blog!, dendy, sunfuchang, {{page.tags | join: ','}}" />
    <meta name="description" content="Dendy's blog!, dendy, {{ page.description }}" />

    <title>{% if page.title_cn %} {{page.title_cn}} {% else %} {{page.title}} {% endif %}</title>
  
    <meta name="author" content="{{ site.author.name }}">
    <!-- Enable responsive viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- sina weibo -->
    <meta property="wb:webmaster" content="01d60bef1678aca3" />

    <!-- Bootstrap styles -->
    <link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Optional theme -->
    <!--<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">-->
    <!-- Sticky Footer -->
    <link href="{{ ASSET_PATH }}/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">

    <!-- Custom styles -->
    <link href="{{ ASSET_PATH }}/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
    <!-- syntax css -->
    <link href="/assets/css/main.css" rel="stylesheet" type="text/css" media="all">
    <link href="/assets/css/normalize.css" rel="stylesheet" type="text/css" media="all">
    <link href="/assets/css/syntax.css" rel="stylesheet" type="text/css" media="all">
    <link href="/assets/css/pygment_trac.css" rel="stylesheet" type="text/css" media="all">
    <link href="/assets/css/stylesheet.css" rel="stylesheet" type="text/css" media="all">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <!-- Update these with your own images
      <link rel="shortcut icon" href="images/favicon.ico">
      <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
      <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    -->

    <!-- atom & rss feed -->
    <link href="{{ BASE_PATH }}{{ site.JB.atom_path }}" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
    <link href="{{ BASE_PATH }}{{ site.JB.rss_path }}" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed">
</head>

<body style="background-color: #e2e2e2">
<div id="wrap">
    <div class="container page-header">
        <!--<section class="page-header">-->
        <h1 class="project-name">{{ site.title }}</h1>
        <h2 class="project-tagline">Programmers know that their craft is not just science and technology but art.</h2>
        <ol class="mynav">
            <li><a href="/">首页</a></li>
            <li><a href="/categories/all.html">博文目录</a></li>
            <li><a href="/about.html">关于我</a></li>
            <li><a href="/feed.xml">RSS订阅</a></li>
        </ol>
    </div>
    <div class="container" style="margin-bottom: 20px;">
        <div class="row">
            <div class="col-xs-2" style="background-color: #fff;border-right: 10px solid #e2e2e2">
                <ul class="nav nav-stacked" style="color: #000">
                    <li role="presentation" class="active">
                        <a href="javascript:void(0)" style="cursor:default;">作者简介</a>
                        <div class="row" style="text-align:center">
                            <div class="col-xs-12">
                                <img src="{{site.url}}/assets/images/head.jpg" class="img-thumbnail">
                            </div>
                            <div class="col-xs-12">
                                <h4>Dendy</h4>
                                <div style="text-align:center;">
                                    <!-- <a target="_blank" class="btn btn-xs btn-success" href="http://weibo.com/u/1821809482?source=blog">
                                        <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>我的微博
                                    </a> -->
                                    <wb:follow-button uid="1821809482" type="gray_3" width="100%" height="24" ></wb:follow-button>
                                </div>
                                <div style="text-align: left;margin-top: 10px;">
                                    <p style="font-size:12px;">轻轻地，我走了，正如我轻轻地来！我挥一挥衣袖，不带走一片云彩！</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li role="presentation" class="active">
                        <a href="javascript:void(0)" style="cursor:default;">文章分类</a>
                        {% assign categories_list = site.data.categories %}
                        {% include custom/categories_list %}
                    </li>
                    <li role="presentation" class="active">
                        <a href="javascript:void(0)" style="cursor:default;">友情链接</a>
                        <p class="small">
                            <a target="_blank" href="http://blog.sina.com.cn/superbugs">我的新浪博客</a><br>
                            <a target="_blank" href="http://blog.csdn.net/z_Dendys">我的CSDN博客</a>
                        </p>
                    </li>
                    <li role="presentation" class="active">
                    	<a href="javascript:void(0)" style="cursor:default;">最新评论</a>
                        <p class="small">
	                    	<!-- 多说最新评论 start -->
							<div class="ds-recent-comments" data-num-items="5" data-show-avatars="1" data-show-time="1" data-show-title="1" data-show-admin="1" data-excerpt-length="70"></div>
							<!-- 多说最新评论 end -->
						</p>
                    </li>
					<li role="presentation" class="active">
                    	<a href="javascript:void(0)" style="cursor:default;">热评文章</a>
                        <p class="small">
		                    <!-- 多说热评文章 start -->
							<div class="ds-top-threads" data-range="daily" data-num-items="5"></div>
							<!-- 多说热评文章 end -->
						</p>	
					</li>
                </ul>
                <!--<nav class="navbar navbar-default" role="navigation">
                    <div class="collapse navbar-collapse" id="jb-navbar-collapse">
                        <ul class="nav navbar-nav">
                            {% assign pages_list = site.pages %}
                            {% assign group = 'navigation' %}
                            &lt;!&ndash; {% include JB/pages_list %} &ndash;&gt;
                        </ul>
                    </div>
                </nav>-->
            </div>
            <div class="col-xs-10" style="background-color: #fff;">
                {{ content }}
            </div>
        </div>
    </div>
</div>

<!-- id="footer"-->
<div class="container page-footer" style="margin-bottom: 20px;">
    <h4 style="margin-top: 40px;">Copyright &copy; {{ site.time | date: '%Y' }} {{ site.author.name }}，{{ site.author.email }}</h4>
</div>

{% include JB/analytics %}

<!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="{{ ASSET_PATH }}/bootstrap/js/jquery-1.10.2.min.js"></script>
<script src="{{ ASSET_PATH }}/bootstrap/js/bootstrap.min.js"></script>
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="/assets/js/jquery.pin.min.js"></script> -->
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?7f4b9df646e2d704fdc6bb9cf7f261fb";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

    // 多说公共JS代码 start (一个网页只需插入一次)
    var duoshuoQuery = {short_name:"sunfuchang"};
    (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0]
        || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();

    // $('.nav-stacked').pin();
</script>
</body>
</html>